import React, {Component} from 'react';
import {
    Text,
    View,
    StyleSheet,
    Image,
    TouchableOpacity
} from 'react-native';
import {scaleSize} from '../../utils/screen';
import FontText from '../components/FontText';
import { i18n } from '../../i18n';
export default class OrderNotif extends Component {
    render() {
        return (
            <View style = {styles.container}>
                <View style = {styles.harder}>
                    <FontText font = {'book'} style = {styles.title}>{i18n.t("store.ordernotif.title")}</FontText>
                </View>
                <View style = {styles.printView}>
                    <Image style = {styles.notifIcon} source = {require("../../access/imgs/credit_notif_icon.png")} />
                    <FontText font = {'light'} style = {styles.notifText} >{i18n.t("store.ordernotif.notiftext")}</FontText>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container:{
        flex:1,
        alignItems:"center",
        backgroundColor: "#fff",
    },
    harder:{
        height:scaleSize(420),
        justifyContent: 'center',
        alignItems:"center"
    },
    title:{
        color:"#505050",
        fontSize:scaleSize(60)
    },
    printView:{
        justifyContent:"center",
        alignItems:"center"
    },
    notifIcon:{
        width:scaleSize(400),
        height:scaleSize(400)
    },
    notifText:{
        color:"#999999",
        fontSize:scaleSize(36),
        marginTop:scaleSize(80)
    }
})